@import 'gongshi.less';
.box{
	display: flex;
	flex-direction:column;
	height: 100vh;
.fl-head{
	width:100%;
	.px2rem(height,90);
	display: flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	border-bottom:1px solid #e9e9e9;
	.fl-search{
		width: 94%;
		display: flex;
		justify-content:center;
		align-items:center;
		background: #ededed;
		.px2rem(font-size,30);
		color: #a0a0a0;
		.px2rem(border-radius,6);
		.px2rem(height,67);
		img{
			.px2rem(width,30);
			.px2rem(height,30);
			.px2rem(margin-right,10);
		}
	}
}

.fl-main{
	flex:1;
	display: flex;
	.sw1{
		.px2rem(width,150);
		box-sizing: border-box;
		border-right:1px solid #d6d6d6;
		.swiper-wrapper{
			.swiper-slide{
				display: flex;
				align-items:center;
				justify-content:center;
				a{
					box-sizing: border-box;
				}
			}
			.active{
				a{

					width: 100%;
					.px2rem(padding-top,19);
					.px2rem(padding-bottom,19); 
					box-sizing:border-box;
					.px2rem(border-left-width,6);
					border-style:solid;
					border-color:#ff4545;
				}
			}
			.swiper-slide{
				text-align: center;
			}
		}
	}
	.sw2{
		flex:1;
		.swiper-wrapper{
			.ab{
				width: 100%;
				height: 100%;
				overflow: auto;
				.abs{
					display: flex;
					justify-content:center;
					align-items:center;
					flex-direction:column;
					.abs-top{
						.px2rem(margin-top,30);
						.px2rem(margin-bottom,30);
						.px2rem(border-radius,6);
						overflow:hidden;
						img{
							width: 100%;
						}
					}
					.abs-bottom{
						width: 100%;
						display: flex;
						flex-direction:column;
						justify-content:center;
						.abb-top{
							display: flex;
							align-items:center;
							justify-content:center;
							span{
								.px2rem(font-size,24);
								color: #252525;
								display: inline-block;
								.px2rem(letter-spacing,6);
								&:nth-child(1){
									.px2rem(margin-right,20);
								}
								&:nth-child(3){
									.px2rem(margin-left,20);
								}
							}
							.sp-x{
								.px2rem(width,40);
								height: 2px;
								background: #dbdbdb;
							}
						}
						.abb-bottom{
							display: flex;
							flex-wrap:wrap;
							text-align: center;
							dl{
								.px2rem(margin-top,68);
								width: 33%;
								display: flex;
								justify-content:center;
								align-items:center;
								flex-direction:column;
								dt{
									width: 80%;
									display: flex;
									align-items:center;
									justify-content:center;
									img{
										width: 100%;
									}
								}
							}
						}
					}
				}
			}
		}
	}
}
.fl-footer{

	.px2rem(height,100);
	display: flex;
	background: #fafafa;
	justify-content:center;
	box-sizing: border-box;
	border-top: 1px solid #d6d6d6;
		a{
			.px2rem(margin-top,10);            
			flex:1;
			display: flex;
			align-items:center;
			flex-direction:column;
			dl{
				width: 100%;
				.px2rem(height,106);
				display: flex;
				align-items:center;
				justify-content:center;
				flex-direction:column;
				text-align: center;
				dt{
					.px2rem(font-size,40);
				}
				dd{
					.px2rem(margin-top,8);
					.px2rem(margin-top,5);
					.px2rem(font-size,20);
					color: #888888;
				}
			}
		}
		.fl-xz{
			color: #a20000;
			dl{
				dd{
					color: #a20000;
				}
			}
		}   
	}
}